<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>订单</title>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
		<style type="text/css">
			* {
				padding: 0px;
				margin: 0px;
				box-sizing: border-box;
			}
			
			body {
				background-color: #F5F5F5;
				/*width: 1349px;
				height: 1179.5px;
				border: 2px solid red;*/
			}
			
			.nav {
				width: 1349px;
				height: 36px;
				/*border: 1px solid;*/
				text-align: center;
				line-height: 36px;
			}
			
			.nav a {
				color: black;
				text-decoration: none;
				font-size: 14px;
				margin-right: 50px;
			}
			
			.nav a:hover {
				color: red;
				text-decoration: underline;
			}
			
			.header-menu {
				width: 1349px;
				height: 60px;
				/*border: 1px solid;*/
				background-color: #FF7700;
				line-height: 60px;
				position: relative;
			}
			
			.mylog {
				width: 152px;
				height: 28px;
				/*border: 1px solid;*/
				position: relative;
				left: 40px;
				top: 13px;
			}
			
			.mylog .log {
				display: block;
				height: 28px;
				color: white;
				background-image: url(img/suning_dingdan/ms-logo.png);
				background-repeat: no-repeat;
			}
			
			.mynav {
				width: 967px;
				height: 44px;
				/*border: 1px solid;*/
				float: right;
				margin-top: -16px;
				margin-right: 30px;
			}
			
			.mynav ul {
				list-style-type: none;
				/*border: 1px solid;*/
				display: inline-block;
				float: left;
			}
			
			.mynav ul li {
				float: left;
				/*border: 1px solid;*/
				padding: 0px 20px;
				height: 44px;
				z-index: 10;
				position: relative;
				color: white;
				cursor: pointer;
				line-height: 44px;
				font-size: 14px;
			}
			
			.zhanghu i {
				display: inline-block;
				/*border: 1px solid;*/
				width: 8px;
				height: 4px;
				background-image: url(img/suning_dingdan/icon-nameInfo.png);
				background-position: 0px -52px;
				position: relative;
				top: -2px;
				left: 5px;
			}
			
			.zhanghu .kuang12 {
				display: none;
				position: absolute;
				width: 355px;
				height: 203.5px;
				background-color: white;
				padding: 5px;
				left: -130px;
				top: 50px;
				-webkit-box-shadow: 0 0 15px #f3d42e;
				-moz-box-shadow: 0 0 15px #f3d42e;
				box-shadow: 0 0 15px #f3d42e;
			}
			
			.kuang12:before {
				content: "";
				width: 0px;
				height: 0px;
				position: absolute;
				display: block;
				left: 175px;
				top: -20px;
				border-bottom: 10px solid white;
				border-top: 10px solid transparent;
				border-left: 10px solid transparent;
				border-right: 10px solid transparent;
			}
			
			.kuang12 .div_div {
				width: 90px;
				height: 200px;
				/*border: 1px solid blue;*/
				display: inline-block;
				float: left;
				margin-left: 15px;
			}
			
			.div_div p span {
				display: inline-block;
				width: 90px;
				height: 26px;
			}
			
			.div_div p span:before {
				content: "";
				width: 0px;
				height: 0px;
				position: absolute;
				display: block;
				border-bottom: 3px solid transparent;
				border-top: 3px solid #FF6600;
				border-left: 3px solid transparent;
				border-right: 3px solid transparent;
			}
			
			.div_div p .span002:before {
				left: 195px;
				top: 30px;
			}
			
			.div_div p .span001:before {
				left: 95px;
				top: 30px;
			}
			
			.div_div p .span003:before {
				left: 300px;
				top: 30px;
			}
			
			.kuang12 .div_div p {
				width: 90px;
				height: 27.5px;
				/*border: 1px solid red;*/
				margin-top: 5px;
				/*color: black;
				font-size: 14px;
				font-weight: bold;*/
			}
			
			.kuang12 .div_div .p1 {
				color: black;
				font-size: 16px;
				font-weight: bold;
			}
			
			.kuang12 .div_div p a {
				display: inline-block;
				font-size: 12px;
				line-height: 27.5px;
				text-decoration: none;
				color: black;
			}
			
			.kuang12 .div_div p a:hover {
				color: #FF6600;
			}
			
			.class1 {
				display: block;
				!important
			}
			
			#kuang {
				display: inline-block;
				width: 242px;
				height: 28px;
				/*border: 1px solid;*/
				background-color: #FF9D5C;
				float: right;
			}
			
			#kuang input {
				display: inline-block;
				float: left;
				padding: 3px 0;
				border: 0;
				height: 12px;
				width: 170px;
				background: #ff9d5c;
				margin-top: 5px;
			}
			
			#kuang .sousuo {
				display: inline-block;
				float: right;
				margin-right: 5px;
				width: 18px;
				height: 18px;
				font-size: 0px;
				background: url(img/suning_dingdan/icon-sreach.png);
				background-repeat: no-repeat;
				background-position: center center;
				margin-top: 5px;
				margin-bottom: 5px;
			}
			
			.center {
				width: 1190px;
				height: 948px;
				border: 1px solid;
				margin: 0px auto;
				position: relative;
			}
			
			.center .left {
				width: 160px;
				height: 770px;
				/*border: 1px solid;*/
			}
			
			.dt {
				margin-top: 8px;
				margin-bottom: 2px;
				line-height: 28px;
				font-family: "Microsoft YaHei";
				font-weight: 700;
				color: #333;
				/*border: 1px solid;*/
			}
			
			.dt .gwc,
			.gwc1,
			.gwc2,
			.gwc3,
			.gwc4,
			.gwc5 {
				display: inline-block;
				width: 14px;
				height: 13px;
				vertical-align: middle;
				margin-left: 8px;
				margin-right: 4px;
				background: url(img/suning_dingdan/side-icon-sprite.png);
				/*border: 1px solid;*/
			}
			
			.dt .mygwc {
				display: inline-block;
				/*border: 1px solid;*/
				font-size: 14px;
			}
			
			.dt .mygwc:hover {
				color: red;
			}
			
			.dt .gwc1 {
				background-position: 0px -15px;
			}
			
			.dt .gwc2 {
				background-position: 0px -30px;
			}
			
			.dt .gwc3 {
				background-position: 0px -43px;
			}
			
			.dt .gwc4 {
				background-position: 0px -73px;
			}
			
			.dt .gwc5 {
				background-position: 0px -58px;
			}
			
			.dd ul {
				margin-left: 30px;
			}
			
			.dd ul li {
				list-style-type: none;
				margin-bottom: 2px;
			}
			
			.dd ul li .shiyong {
				display: inline-block;
				width: 24px;
				height: 10px;
				/*border: 1px solid;*/
				background-image: url(img/suning_dingdan/new.png);
			}
			
			.dd ul li .shiyong1 {
				display: inline-block;
				width: 24px;
				height: 10px;
				/*border: 1px solid;*/
				background-image: url(img/suning_dingdan/hot.png);
			}
			
			.dd ul li a {
				text-decoration: none;
				color: black;
				font-size: 12px;
			}
			
			.dd ul li a:hover {
				color: #FF7700;
			}
			
			.aaa {
				width: 160px;
				height: 735px;
				/*border: 1px solid;*/
				background-color: white;
				border: 1px solid #EDEDED;
			}
			
			.left_center {
				width: 160px;
				height: 20px;
				background-color: #F5F5F5;
				/*border: 1px solid;*/
				line-height: 20px;
				text-align: center;
				margin-top: 5px;
			}
			
			.left_center:hover {
				background-color: #CCCCCC;
			}
			
			.left_center .left_petu {
				display: inline-block;
				width: 10px;
				height: 4px;
				background-image: url(img/suning_dingdan/icon-nameInfo.png);
				background-position: 0px -52px;
			}
			
			.right {
				width: 1020px;
				height: 579.7px;
				border: 2px solid #DDDDDD;
				background-color: white;
				position: absolute;
				left: 165px;
				top: 0px;
				margin-left: 5px;
				/*				z-index: ;*/
			}
			
			.right .right_top {
				width: 1018px;
				height: 86px;
				/*border: 1px solid;*/
				background-image: url(img/suning_dingdan/bg-date.png);
				background-repeat: no-repeat;
				line-height: 86px;
			}
			
			.right .right_top h2 {
				height: 28px;
				font-size: 16px;
				margin-left: 30px;
			}
			
			.right .right_top .dingdan {
				width: 220px;
				height: 30px;
				line-height: 30px;
				margin-left: 110px;
				/*border: 1px solid;*/
			}
			
			.dingdan h3 {
				/*display: inline-block;*/
				width: 76px;
				height: 30px;
				/*border: 1px solid;*/
				line-height: 30px;
				text-align: center;
				float: left;
			}
			
			.dingdan h3 .spann {
				width: 60px;
				height: 26px;
				font-size: 14px;
				/*border: 1px solid;*/
				float: left;
			}
			
			.dingdan .h3_one span {
				color: #FF6600;
				border-bottom: 3px solid #FF6600;
			}
			
			.dingdan .h3_two {
				background-image: url(img/suning_dingdan/ic_bott.png);
				background-repeat: no-repeat;
				background-position: center right;
				border-bottom: white;
			}
			/*	.dingdan .h3_two:hover {
				color: #FF6600;
			}*/
			
			.left_main {
				width: 1018px;
				height: 491.7px;
				/*border: 1px solid;*/
			}
			
			.left_main .main_top {
				width: 980px;
				height: 101px;
				/*border: 1px solid;*/
				margin: 0px auto;
			}
			
			.center_top {
				width: 980px;
				height: 40px;
				/*border: 1px solid;*/
			}
			
			.center_top li {
				width: 140px;
				height: 40px;
				border: 1px solid #BBBBBB;
				float: left;
				line-height: 40px;
				text-align: center;
				list-style-type: none;
			}
			
			.center_top li a {
				text-decoration: none;
				font-size: 14px;
				color: black;
				font-weight: bold;
				margin-right: 5px;
			}
			
			.center_top li .a1 {
				color: #FF6600;
			}
			
			.center_top li a:hover {
				color: #FF6600;
			}
			
			.center_top li span {
				color: #FF6600;
			}
			
			.center_top .huishou {
				width: 82px;
				height: 37px;
				/*border: 1px solid;*/
				float: right;
				text-align: center;
				line-height: 37px;
			}
			
			.center_top .huishou a {
				text-decoration: none;
				font-size: 12px;
				color: black;
			}
			
			.center_top .huishou .hs {
				width: 13px;
				height: 19px;
				display: inline-block;
				/*border: 1px solid;*/
				background-image: url(img/suning_dingdan/ic-order.png);
				background-position: -142px -110px;
				position: relative;
				top: 5px;
				left: 0px;
			}
			
			.center_top .huishou .hs:hover {
				background-image: url(img/suning_dingdan/ic-order.png);
				background-position: -158px -110px;
			}
			
			.center_top .huishou a:hover {
				color: #FF6600;
				text-decoration: underline;
			}
			
			.search {
				width: 980px;
				height: 62px;
				border: 1px solid #CCCCCC;
				line-height: 62px;
			}
			
			.search .box {
				width: 247px;
				height: 30px;
				border: 1px solid #cccccc;
				margin: 15px 0px 0px 30px;
			}
			
			.box .input_sousuo {
				float: left;
				display: inline-block;
				width: 172px;
				height: 27px;
				line-height: 27px;
				text-indent: 5px;
				border: 0px;
				color: #DDDDDD;
			}
			
			.box .butn {
				float: right;
				width: 69px;
				height: 27px;
				line-height: 27px;
				border: 0px;
			}
			
			.main_center {
				width: 980px;
				height: 390.7px;
				/*border: 1px solid;*/
				margin: 0px auto;
			}
			
			.dingdan_shuliang {
				width: 980px;
				height: 30px;
				/*border: 1px solid;*/
				background-color: #F5F5F5;
				margin-top: 20px;
			}
			
			.dingdan_shuliang li {
				list-style-type: none;
				float: left;
				line-height: 30px;
				text-align: center;
				height: 30px;
				/*border: 1px solid;*/
				font-size: 12px;
			}
			
			.dingdan_shuliang .center_li1 p {
				width: 370px;
				height: 30px;
				/*border: 1px solid;*/
			}
			
			.dingdan_shuliang .center_li1 p span {
				display: inline-block;
				width: 137px;
				height: 30px;
				/*border: 1px solid;*/
				float: left;
				line-height: 30px;
				font-size: 12px;
				text-indent: 15px;
				background-image: url(img/suning_dingdan/ic_bott.png);
				background-repeat: no-repeat;
				background-position: center right;
			}
			
			.center_li2 p {
				width: 100px;
			}
			
			.center_li3 p {
				width: 60px;
			}
			
			.center_li4 p {
				width: 90px;
			}
			
			.center_li5 p {
				width: 120px;
			}
			
			.center_li6 .pppp {
				width: 82px;
				background-image: url(img/suning_dingdan/ic_bott.png);
				background-repeat: no-repeat;
				background-position: center right;
			}
			
			.center_li7 p {
				width: 120px;
			}
			
			.center_li1 p:hover,
			.center_li6 p:hover {
				color: #FF6600;
			}
			
			.zhuyao {
				width: 980px;
				height: 340.7px;
				/*border: 1px solid;*/
			}
			
			.zhuyao .p1 {
				width: 980px;
				height: 93.9px;
				/*border: 1px solid;*/
				margin-top: 100px;
				text-align: center;
			}
			
			.zhuyao .p2 {
				width: 980px;
				text-align: center;
				height: 30px;
				/*border: 1px solid;*/
				font-size: 14px;
				font-weight: bold;
			}
			
			.zhuyao .p3 {
				width: 980px;
				height: 16.8px;
				/*border: 1px solid;*/
				font-size: 12px;
				text-align: center;
			}
			
			.center_footer {
				width: 1020px;
				height: 322px;
				border: 1px solid;
				position: absolute;
				top: 600px;
				left: 170px;
				background-color: white;
			}
			
			.center_footer_top {
				width: 1020px;
				height: 31px;
				border-bottom: 1px solid #BBBBBB;
			}
			
			.center_footer_top h3 {
				font-size: 12px;
				/*border: 1px solid;*/
				width: 90px;
				height: 54px;
				line-height: 54px;
				text-align: center;
				background-color: white;
			}
			
			.center_footer_top .lunbo {
				float: right;
				width: 170px;
				height: 22px;
				border: 1px solid;
				position: relative;
				top: -35px;
				text-align: center;
				background-color: white;
			}
			
			.pay {
				width: 980px;
				height: 24px;
				/*border: 1px solid;*/
				font-size: 12px;
				line-height: 24px;
			}
			
			.pay .input1 {
				margin-right: 7px;
				margin-left: 40px;
			}
			
			.pay .aaaaa {
				display: inline-block;
				width: 64px;
				height: 24px;
				border: 1px solid #C3C3C3;
				text-decoration: none;
				line-height: 24px;
				text-align: center;
				background-color: #EEEEEE;
				color: #BBBBBB;
				margin-left: 10px;
			}
			
			.table {
				width: 980px;
				height: 166px;
				border: 1px solid #E5E5E5;
				margin-top: 10px;
			}
			
			.table:hover {
				border: 1px solid;
			}
			
			.table table {
				width: 978px;
				height: 164.9px;
				border: 0;
			}
			
			.table table .tr1 {
				width: 978px;
				height: 39px;
				background-color: #F5F5F5;
			}
			
			.table table .tr1 td {
				border: 0;
			}
			
			.table table .tr1 td .input2 {
				margin-left: 35px;
			}
			
			.table table .tr1 td label {
				height: 30px;
				display: inline-block;
				/*border: 1px solid;*/
				color: #999999;
			}
			
			.table table .tr1 td span {
				display: inline-block;
				margin-right: 15px;
			}
			
			.table table .tr1 td .ziying {
				margin-right: 0px;
			}
			
			.table table .tr1 td .kefu {
				width: 15px;
				height: 16px;
				display: inline-block;
				background-image: url(img/suning_dingdan/consult.gif);
				position: relative;
				top: 3px;
			}
			
			.table table .tr2 {
				width: 978px;
				height: 125.9px;
				border: 0;
			}
			
			.table table .tr2 td {
				height: 125.9px;
				vertical-align: top;
				text-align: center;
				border: 0;
			}
			
			.table table .tr2 .td1 {
				width: 365px;
				height: 100px;
				/*border: 1px solid;*/
				/*line-height: 125.9px;*/
			}
			
			.table table .tr2 .td1 .img {
				position: relative;
				float: left;
				width: 80px;
				height: 80px;
				border: 1px solid #efefef;
				margin-left: 15px;
				margin-top: 20px;
			}
			
			.table table .tr2 .td1 .img img {
				width: 100%;
				/*border: 1px solid red;*/
			}
			
			.table table .tr2 .td1 ul {
				width: 180px;
				height: 65.5px;
				list-style-type: none;
				/*border: 1px solid;*/
				display: inline-block;
				float: right;
				margin-right: 40px;
				margin-top: 20px;
				text-align: left;
			}
			
			.table table .tr2 .td1 ul li {
				/*border: 1px solid red;*/
				line-height: 20px;
				width: 180px;
			}
			
			.table table .tr2 .td1 ul li a {
				color: black;
				text-decoration: none;
			}
			
			.table table .tr2 .td1 ul li a:hover {
				color: #FF6600;
				text-decoration: underline;
			}
			
			.table table .tr2 .td2 {
				width: 100px;
			}
			
			.table table .tr2 .td3 {
				width: 60px;
			}
			
			.table table .tr2 .td4 {
				width: 91px;
			}
			
			.table table .tr2 .td5 {
				width: 121px;
				border-left: 1px solid #E5E5E5;
			}
			
			.table table .tr2 .td5 .jiage {
				font-weight: bold;
			}
			
			.table table .tr2 .td5 #zhifu {
				color: #BBBBBB;
			}
			
			.table table .tr2 .td6 {
				border-left: 1px solid #E5E5E5;
				width: 121px;
			}
			
			.table table .tr2 .td6 a {
				color: black;
				text-decoration: none;
			}
			
			.table table .tr2 .td6 a:hover {
				color: #FF6600;
			}
			
			.table table .tr2 .td6 label {
				width: 32px;
				height: 20px;
				display: inline-block;
				background-color: #2ABF5C;
				color: white;
			}
			
			.table table .tr2 .td7 {
				border-left: 1px solid #E5E5E5;
				width: 120px;
			}
			
			.table table .tr2 .td7 a {
				color: black;
				text-decoration: none;
			}
			
			.table table .tr2 .td7 a:hover {
				color: #FF6600;
			}
			
			.table table .tr2 .td7 .mashang a {
				display: inline-block;
				width: 72px;
				height: 24px;
				text-decoration: none;
				background-color: #FF9900;
				border-radius: 3px;
				color: white;
			}
			
			.order {
				width: 980px;
				height: 32px;
				/*border: 1px solid;*/
				margin-top: 50px;
			}
			
			.order .fr,
			.fr1 {
				float: right;
				display: inline-block;
				font-size: 14px;
				margin-left: 15px;
				/*border: 1px solid;*/
			}
			
			.order .fr #jiye {
				width: 50px;
				height: 32px;
				text-align: center;
				font-weight: bold;
				font-size: 14px;
				background-color: #F8F8F8;
				border: 1px solid #C3C3C3;
				margin-left: 5px;
			}
			
			.order .fr button {
				width: 58px;
				height: 32px;
				background-color: #F8F8F8;
				border: 1px solid #C3C3C3;
				margin-left: 5px;
			}
			
			.order .fr1 {
				width: 203px;
				height: 34.5px;
			}
			
			.order .fr1 span {
				width: 77px;
				height: 32px;
				display: inline-block;
				border: 1px solid #C3C3C3;
				line-height: 32px;
				text-align: center;
			}
			
			.order .fr1 .s1 {
				margin-right: 12px;
			}
			
			.order .fr1 .s2 {
				margin-left: 12px;
			}
			
			.order .fr1 a {
				text-decoration: none;
				font-weight: bold;
			}
			
			#footer {
				width: 1349px;
				height: 145px;
				/*border: 1px solid;*/
				margin-top: 10px;
				position: absolute;
				top: 1040px;
				left: 0px;
			}
			
			#footer p {
				width: 990px;
				height: 25px;
				/*border: 1px solid;*/
				margin: 0px auto;
				text-align: center;
				font-size: 12px;
				margin-bottom: 5px;
			}
			
			#footer .footer-p1 {
				margin-top: 5px;
			}
			
			#footer a {
				display: inline-block;
				border-right: 1px solid #C3C3C3;
				text-decoration: none;
				color: black;
				font-size: 12px;
				padding-right: 5px;
			}
			
			#footer a:hover {
				text-decoration: underline;
				color: red;
			}
			
			#footer .last {
				border: 0px;
			}
			
			#footer .footer-p3 {
				color: #999999;
			}
			
			#footer .footer-p3 a {
				border: 0px;
				color: #999999;
				padding-right: 0px;
			}
			
			#footer .footer-div {
				width: 990px;
				height: 25px;
				/*border: 1px solid red;*/
				margin: 0px auto;
				text-align: center;
			}
			
			#footer .footer-div a {
				border: 0px;
			}
			
			.qtdd {
				width: 194px;
				height: 185px;
				position: absolute;
				top: 59px;
				left: 185px;
				background-color: white;
				display: none;
				/*border: 1px solid #C3C3C3;*/
				z-index: 5;
			}
			
			.qtdd ul li {
				width: 180px;
				height: 28px;
				/*border: 1px solid;*/
				margin: 0px auto;
				list-style-type: none;
				margin-top: 2px;
			}
			
			.qtdd ul li a {
				display: inline-block;
				width: 90px;
				height: 28px;
				/*border: 1px solid;*/
				text-decoration: none;
				color: black;
				float: left;
				font-size: 14px;
			}
			
			.qtdd ul li a .cuo {
				display: inline-block;
				width: 28px;
				height: 28px;
				/*border: 1px solid;*/
				float: right;
				background-image: url(img/suning_dingdan/icon-nameInfo.png);
				background-position: 1px -62px;
			}
			
			.qtdd ul li a:hover {
				color: #FF6600;
			}
			
			.dingdan_hiddle {
				width: 82px;
				height: 220px;
				border: 1px solid #C3C3C3;
				position: absolute;
				top: 240px;
				left: 760px;
				background-color: white;
				display: none;
				/*z-index: 6;*/
			}
			
			.dingdan_hiddle a {
				width: 80px;
				height: 18px;
				display: inline-block;
				text-decoration: none;
				color: black;
				font-size: 12px;
				text-align: center;
				margin-top: 7px;
			}
			
			.dingdan_hiddle a:hover {
				color: #FF6600;
			}
		</style>
		<script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var count = 0;
			$(function() {
				$(".left_center").click(function() {
					//					$(".aaa").toggleClass("class001");
					count++;
					if(count % 2 == 0) {
						$(".aaa").slideUp(1000);
					} else {
						$(".aaa").slideDown(1000);
					}
				});
				$(".zhanghu").hover(function() {
					//					alert(11);
					$(".kuang12").toggleClass("class1");
				});
				$(".h3_two").click(function() {
						count++;
						if(count % 2 == 0) {
							$(".qtdd").slideUp(1000);
							$(".h3_two").css("border", "0px");
							$(".qtdd").css("border", "0px");
						} else {
							$(".qtdd").slideDown(1000);
							$(".h3_two").css("border", "1px solid #C3C3C3").css("border-bottom", "1px solid #FFFFFF");
							$(".qtdd").css("border", "1px solid #C3C3C3");
						}
					})
					/*.blur(function(){
										$(".qtdd").slideDown(1000);*/
					//				});
				$(".pppp").click(function() {
						//					$(".aaa").toggleClass("class001");
						count++;
						if(count % 2 == 0) {
							$(".dingdan_hiddle").slideUp(1000);
						} else {
							$(".dingdan_hiddle").slideDown(1000);
						}
					})
					/*.blur(function(){
										$(".qtdd").slideDown(1000);
									});*/
			});
		</script>
	</head>

	<body>
		<div class="nav">
			<a href="#">
				<i class="iconfont">&#xe625;</i> 返回易购首页
			</a>
			<a href="#">2222</a>
			<a href="#">3333</a>
			<a href="#">4444</a>
			<a href="#">5555</a>
			<a href="#">6666</a>
			<a href="#">7777</a>
			<a href="#">8888</a>
		</div>
		<article class="header-menu">
			<div class="mylog">
				<a class="log" href="#"></a>
			</div>
			<div class="mynav">
				<ul>
					<li class="shouye">首页</li>
					<li class="zhanghu">
						我的账户
						<i></i>
						<div class="kuang12">
							<div class="div_div">
								<p class="p1">安全设置<span class="span001"></span></p>
								<p>
									<a href="#">修改密码</a>
								</p>
								<p>
									<a href="#">手机管理</a>
								</p>
								<p>
									<a href="#">邮箱管理</a>
								</p>
								<p>
									<a href="#">安全问题管理</a>
								</p>
							</div>
							<div class="div_div">
								<p class="p1"><span class="span002">个人资料</span></p>
								<p>
									<a href="#">个人信息</a>
								</p>
								<p>
									<a href="#">地址管理</a>
								</p>
								<p>
									<a href="#">我的易付宝</a>
								</p>
								<p>
									<a href="#">校园用户</a>
								</p>
								<p>
									<a href="#">个人增票</a>
								</p>
							</div>
							<div class="div_div">
								<p class="p1"><span class="span003">账号绑定</span></p>
								<p>
									<a href="#">门店会员卡</a>
								</p>
								<p>
									<a href="#">关联互联号</a>
								</p>
								<p>
									<a href="#">易付宝绑定设置</a>
								</p>
								<p>
									<a href="#">绑定管理</a>
								</p>
							</div>
						</div>

					</li>
					<li class="xiaoxi">消息</li>
				</ul>
				<div id="kuang">
					<input type="text" name="" id="" value="" />
					<i class="sousuo"></i>
				</div>
			</div>
		</article>
		<!--中间-->
		<div class="center">
			<div class="left">
				<div class="aaa">
					<div class="dt">
						<i class="gwc"></i>
						<span class="mygwc">
						我的购物车
					</span>
					</div>
					<div class="dt">
						<i class="gwc1"></i>
						<span class="mygwc">
						订单中心
					</span>
					</div>
					<div class="dd">
						<ul>
							<li>
								<a href="#">我的订单</a>
							</li>
							<li>
								<a href="#">我的秒杀</a>
							</li>
							<li>
								<a href="#">我的二手</a>
							</li>
							<li>
								<a href="#">我的试用</a>
								<i class="shiyong"></i>
							</li>
							<li>
								<a href="#">我的拍卖</a>
							</li>
						</ul>
					</div>
					<div class="dt">
						<i class="gwc2"></i>
						<span class="mygwc">
						我的资产
					</span>
					</div>
					<div class="dd">
						<ul>
							<li>
								<a href="#">我的云钻</a>
							</li>
							<li>
								<a href="#">我的金融</a>
							</li>
							<li>
								<a href="#">我的优惠卷</a>
							</li>
							<li>
								<a href="#">我的苏宁卡</a>
							</li>
							<li>
								<a href="#">我的任性付</a>
								<i class="shiyong1"></i>

							</li>
						</ul>
					</div>
					<div class="dt">
						<i class="gwc3"></i>
						<span class="mygwc">
						关注中心
					</span>
					</div>
					<div class="dd">
						<ul>
							<li>
								<a href="#">我的收藏</a>
							</li>
							<li>
								<a href="#">我的足迹</a>
							</li>
							<li>
								<a href="#">我的评价</a>
							</li>
						</ul>
					</div>
					<div class="dt">
						<i class="gwc5"></i>
						<span class="mygwc">
						自助服务
					</span>
					</div>
					<div class="dd">
						<ul>
							<li>
								<a href="#">退换货</a>
							</li>
							<li>
								<a href="#">意见/建议</a>
							</li>
							<li>
								<a href="#">维修/保养</a>
							</li>
							<li>
								<a href="#">修改订单</a>
							</li>
							<li>
								<a href="#">我的咨询</a>
							</li>
							<li>
								<a href="#">帮客预约</a>
							</li>
						</ul>
					</div>
					<div class="dt">
						<i class="gwc4"></i>
						<span class="mygwc">
						特色服务
					</span>
					</div>
					<div class="dd">
						<ul>
							<li>
								<a href="#">我的预约</a>
							</li>
							<li>
								<a href="#">我的S码</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="left_center">
					<i class="left_petu"></i>
				</div>
			</div>
			<div class="right">
				<div class="right_top">
					<h2>我的订单：</h2>
					<div class="dingdan">
						<h3 class="h3_one"><span class="spann">网上订单</span></h3>
						<h3 class="h3_two">
							<span class="spann">
								其他订单
								<i class="shang"></i>
							</span>
								
							
							
							
						</h3>
						<div class="qtdd">
							<ul>
								<li>
									<a href="#">网上订单</a>
									<a href="#"><span class="cuo"></span></a>
								</li>
								<li>
									<a href="#">门店订单</a>
									<a href="#">二手订单</a>
								</li>
								<li>
									<a href="#">机票订单</a>
									<a href="#">火车票</a>
								</li>
								<li>
									<a href="#">IT帮客</a>
									<a href="#">游戏</a>
								</li>
								<li>
									<a href="#">苏宁卡</a>
									<a href="#">电子书</a>
								</li>
								<li>
									<a href="#">保险</a>
									<a href="#">我的众筹</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="left_main">
					<div class="main_top">
						<div class="center_top">
							<ul>
								<li>
									<a href="#" class="a1">全部订单</a>
								</li>
								<li>
									<a href="#">待付款</a><span class="fukuang">0</span></li>
								<li>
									<a href="#">待收货</a><span class="shouhuo">0</span></li>
								<li>
									<a href="#">待评价</a><span class="pingjia">0</span></li>
								<p class="huishou">
									<i class="hs"></i>
									<a href="#">订单回收站</a>
								</p>
							</ul>
						</div>
						<div class="search">
							<p class="box">
								<input type="text" class="input_sousuo" placeholder="商品名称与订单号" />
								<button class="butn">
										搜索订单
									</button>
							</p>
						</div>
					</div>
					<div class="main_center">
						<ul class="dingdan_shuliang">
							<li class="center_li1">
								<p>
									<span>
											近三个月订单
										</span>
								</p>
							</li>
							<li class="center_li2">
								<p>单价</p>
							</li>
							<li class="center_li3">
								<p>数量</p>
							</li>
							<li class="center_li4">
								<p>商品操作</p>
							</li>
							<li class="center_li5">
								<p>支付总金额</p>
							</li>
							<li class="center_li6">
								<p class="pppp">订单状态</p>
								<div class="dingdan_hiddle">
									<a href="#">全部</a>
									<a href="#">等待付款</a>
									<a href="#">等待收货</a>
									<a href="#">已取消</a>
									<a href="#">已完成</a>
									<a href="#">已退货</a>
								</div>
							</li>
							<li class="center_li7">
								<p>操作</p>
							</li>
						</ul>
						<!--订单为空时显示-->
						<!--<div class="zhuyao">
							<p class="p1">
								<img src="img/suning_dingdan/load-kong.png" />
							</p>
							<p class="p2">嗷~这里木有订单~</p>
							<p class="p3">推荐您去：
								<a href="#">主页</a>去看看</p>
						</div>-->
						<div class="zhuyao">
							<div class="pay">
								<input type="checkbox" class="input1" />全选
								<a href="#" class="aaaaa">合并支付</a>
								<div class="table">
									<table border="1">
										<tr class="tr1">
											<td colspan="7">
												<input type="checkbox" class="input2" />
												<label class="wenzi">下单时间：</label>
												<span class="time">2016-08-20</span>
												<label calss="wenzi">订单编号：</label>
												<span class="bianhao">1041221289</span>
												<label class="wenzi">卖家：</label>
												<span class="ziying">
													苏宁自营
												</span>
												<a href="#" class="kefu"></a>
											</td>
										</tr>
										<tr class="tr2">
											<td class="td1">

												<a href="#">
													<div class="img">
														<img src="img/suning_dingdan/000000000162904953_1_100x100.jpg" />
													</div>
												</a>

												<ul>
													<li>
														<a href="#">荣耀8全网通（FRD-AL00）（4GB+32GB）流光金</a>
													</li>
													<li>
														<a href="#">[找相似]</a>
													</li>
												</ul>
											</td>
											<td class="td2">
												<p class="jiage">
													<label>￥</label>
													<span class="money">2288.00</span>
												</p>
											</td>
											<td class="td3">1</td>
											<td class="td4"></td>
											<td class="td5" rowspan="1">
												<p class="jiage">
													<label>￥</label>
													<span class="money">2288.00</span>
												</p>
												<p id="zhifu">在线支付</p>
											</td>
											<td class="td6" rowspan="1">
												<p>等待支付</p>
												<p>
													<a href="#">
														在线配送
													</a>
												</p>
												<p>
													<label>配送</label>
												</p>
											</td>
											<td class="td7" rowspan="1">
												<div class="mashang">
													<a href="#">马上支付</a>
												</div>
												<p>
													<a href "#">找人支付</a>
												</p>
												<p>
													<a href "#">修改订单</a>
												</p>
												<p>
													<a href "#">取消订单</a>
												</p>
											</td>
										</tr>
									</table>
								</div>
								<div class="order">
									<div class="fr">
										向第
										<input type="text" id="jiye" value="1" /> 页
										<button>跳转</button>
									</div>
									<p class="fr1">
										<span class="s1">上一页</span>
										<a href="#">1</a>
										<span class="s2">下一页</span>
									</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="center_footer">
				<div class="center_footer_top">
					<h3>为您推荐</h3>
					<p class="lunbo"></p>
				</div>
			</div>
		</div>
		<div style="clear: both;"></div>
		<div id="footer">
			<p class="footer-p1">
				<a href="#">苏宁元商</a>
				<a href="#">苏宁互联</a>
				<a href="#">苏宁金融</a>
				<a href="#">易付宝</a>
				<a href="#">PPTV</a>
				<a href="#">红孩子</a>
				<a href="#">缤购</a>
				<a href="#">乐购仕</a>
				<a href="#">苏宁物流</a>
				<a href="#">苏宁美国</a>
				<a href="#">苏宁香港</a>
				<a href="#" class="last">手机苏宁</a>
			</p>
			<p class="footer-p2">
				<a href="#">关于苏宁易购</a>
				<a href="#">联系我们</a>
				<a href="#">诚聘英才</a>
				<a href="#">供应商入驻</a>
				<a href="#">苏宁联盟</a>
				<a href="#">苏宁招标</a>
				<a href="#">友情链接</a>
				<a href="#">法律声明</a>
				<a href="#">用户体验提升计划</a>
				<a href="#" class="last">股东会员认证</a>
			</p>
			<p class="footer-p3">
				Copyright© 2002-2016 ，苏宁云商集团股份有限公司版权所有
				<a href="#">苏ICP备10207551号-4</a>
				<a href="#">苏B1-20130131</a>
				<a href="#">苏B2-20130376</a>
				<a href="#">苏B2-20130391</a>
				出版物经营许可证新出发苏批字第A-243号
			</p>
			<div class="footer-div">
				<a href="#"><img src="img/suning_denglu/chengxin.png" /></a>
				<a href="#"><img src="img/suning_denglu/unicom.png" /></a>
				<a href="#"><img src="img/suning_denglu/dianxin.jpg" /></a>
				<a href="#"><img src="img/suning_denglu/dianzi.png" /></a>
			</div>
		</div>
		<!--<div class="kuang">
							<div class="div_div">
									<p><span class="span001">安全设置</span></p>
									<p><a href="#">修改密码</a></p>
									<p><a href="#">手机管理</a></p>
									<p><a href="#">邮箱管理</a></p>
									<p><a href="#">安全问题管理</a></p>
							</div>
							<div class="div_div">
								<p><span class="span002">个人资料</span></p>
									<p><a href="#">个人信息</a></p>
									<p><a href="#">地址管理</a></p>
									<p><a href="#">我的易付宝</a></p>
									<p><a href="#">校园用户</a></p>
									<p><a href="#">个人增票</a></p>
							</div>
							<div class="div_div">
								    <p><span class="span003">账号绑定</span></p>
									<p><a href="#">门店会员卡</a></p>
									<p><a href="#">关联互联号</a></p>
									<p><a href="#">易付宝绑定设置</a></p>
									<p><a href="#">绑定管理</a></p>
							</div>
						</div>-->
		<!--<div class="qtdd">
			<ul>
				<li>
					<a href="#">网上订单</a>
					<a href="#"><span class="cuo"></span></a>
				</li>
				<li>
					<a href="#">门店订单</a>
					<a href="#">二手订单</a>
				</li>
				<li><a href="#">机票订单</a><a href="#">火车票</a></li>
				<li><a href="#">IT帮客</a><a href="#">游戏</a></li>
				<li><a href="#">苏宁卡</a><a href="#">电子书</a></li>
				<li><a href="#">保险</a><a href="#">我的众筹</a></li>
			</ul>
		</div>-->

	</body>

</html>